
//引入变量
@import "variable.less";
//引入公共
@import "common.less";


html,body{width:100%; margin:0 auto; height:100%; overflow:hidden; .font(normal,14px,1.5,'Microsoft YaHei');}
body{max-width:750*@unit; margin:0 auto;}

.imgBox{
	font-size:0;
	line-height:0;
}
img{max-width:100%;}
button{
	border:0;
	padding:0.5em 1em;
	.font(normal,14px,1.5,'Microsoft YaHei');
	background-color:darken(#fff, 10%);
	color:darken(#fff, 50%);
	&.img-btn{
		.imgBox;
	}
}
.fullbox{
	width:100%;
	height:100%;
}

div{
	width:240*@unit;
	height:120*@unit;
}

//加载页面
#loading{
	width:100%;
	height:100%;
	background-color:#000000;
	position:fixed;
	top:0;
	left:0;
	z-index:200;
	.vertical-center;
	.loading-inner{
		width:400*@unit;
		padding-bottom:100*@unit;
		text-align:center;
	}
	.loading-car{
		margin-bottom:100*@unit;
		width:248*@unit;
		.animation(carFlop,0.5s,ease-in-out,infinite,normal,forwards);
	}
}

#main{
	.fullbox;
	display:none;
	position:relative;
}
//背景音乐
#bg-music{
	position:absolute;
	top:40*@unit;
	width:50*@unit;
	height:50*@unit;
	z-index:999;
	background: url(../imgs/music_btn.png) 0 0 no-repeat;
	background-size:200% 100%;
	&.bg-music-ani{
		.animation(animation-rotate-un,2s,linear,infinite,normal,forwards);
	}
	&.bg-music-left{
		left:40*@unit;
	}
	&.bg-music-right{
		right:40*@unit;
	}
	&.bg-music-pause{
		background-position:100% 0;
	}
}

.page{
	.fullbox;
	position:absolute;
	top:0;
	left:0;
	&.page-hide{
		display:none;
	}
}
